﻿<!DOCTYPE html>
<html>
  <head>
    <title>背包</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/背包/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/背包/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u1331" class="ax_default box_1">
        <div id="u1331_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1332" class="ax_default box_3">
        <div id="u1332_div" class=""></div>
      </div>

      <!-- 手机状态栏 (组合) -->
      <div id="u1333" class="ax_default" data-label="手机状态栏" data-left="4" data-top="2" data-width="366" data-height="17">

        <!-- Unnamed (组合) -->
        <div id="u1334" class="ax_default" data-left="4" data-top="6" data-width="39" data-height="7">

          <!-- Unnamed (椭圆形) -->
          <div id="u1335" class="ax_default ellipse">
            <img id="u1335_img" class="img " src="images/商城/u513.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u1336" class="ax_default ellipse">
            <img id="u1336_img" class="img " src="images/商城/u514.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u1337" class="ax_default ellipse">
            <img id="u1337_img" class="img " src="images/商城/u514.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u1338" class="ax_default ellipse">
            <img id="u1338_img" class="img " src="images/商城/u514.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u1339" class="ax_default ellipse">
            <img id="u1339_img" class="img " src="images/商城/u514.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1340" class="ax_default _三级标题">
          <div id="u1340_div" class=""></div>
          <div id="u1340_text" class="text ">
            <p><span>中国联通</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1341" class="ax_default label">
          <div id="u1341_div" class=""></div>
          <div id="u1341_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1342" class="ax_default _三级标题">
          <div id="u1342_div" class=""></div>
          <div id="u1342_text" class="text ">
            <p><span>22:30</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u1343" class="ax_default icon">
          <img id="u1343_img" class="img " src="images/商城/u521.png"/>
        </div>
      </div>

      <!-- tab菜单 (组合) -->
      <div id="u1344" class="ax_default" data-label="tab菜单" data-left="8" data-top="69" data-width="286" data-height="38">

        <!-- Unnamed (矩形) -->
        <div id="u1345" class="ax_default box_2 selected" selectiongroup="商城tab菜单">
          <div id="u1345_div" class="selected"></div>
          <div id="u1345_text" class="text ">
            <p><span>资料卡</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1346" class="ax_default box_2" selectiongroup="商城tab菜单">
          <div id="u1346_div" class=""></div>
          <div id="u1346_text" class="text ">
            <p><span>头像框</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1347" class="ax_default box_2" selectiongroup="商城tab菜单">
          <div id="u1347_div" class=""></div>
          <div id="u1347_text" class="text ">
            <p><span>麦克风</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1348" class="ax_default box_2" selectiongroup="商城tab菜单">
          <div id="u1348_div" class=""></div>
          <div id="u1348_text" class="text ">
            <p><span>其他道具</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1349" class="ax_default icon">
        <img id="u1349_img" class="img " src="images/背包/u1349.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1350" class="ax_default label">
        <div id="u1350_div" class=""></div>
        <div id="u1350_text" class="text ">
          <p><span>我的背包</span></p>
        </div>
      </div>

      <!-- 背包物品 (动态面板) -->
      <div id="u1351" class="ax_default" data-label="背包物品">
        <div id="u1351_state0" class="panel_state" data-label="State1" style="">
          <div id="u1351_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u1352" class="ax_default box_1">
              <div id="u1352_div" class=""></div>
            </div>

            <!-- 商品1 (组合) -->
            <div id="u1353" class="ax_default" data-label="商品1" selectiongroup="资料卡物品" data-left="10" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u1354" class="ax_default" data-label="图片" data-left="10" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u1355" class="ax_default _图片1">
                  <img id="u1355_img" class="img " src="images/商城/u527.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1356" class="ax_default box_3">
                  <img id="u1356_img" class="img " src="images/背包/u1356.png"/>
                  <div id="u1356_text" class="text ">
                    <p><span>xxx资料卡</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u1357" class="ax_default" data-label="选中边框" data-left="10" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u1358" class="ax_default box_1">
                  <img id="u1358_img" class="img " src="images/背包/u1358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1359" class="ax_default box_3">
                  <div id="u1359_div" class=""></div>
                  <div id="u1359_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品2 (组合) -->
            <div id="u1360" class="ax_default" data-label="商品2" selectiongroup="资料卡物品" data-left="132" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u1361" class="ax_default" data-label="图片" data-left="132" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u1362" class="ax_default _图片1">
                  <img id="u1362_img" class="img " src="images/商城/u527.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1363" class="ax_default box_3">
                  <img id="u1363_img" class="img " src="images/背包/u1356.png"/>
                  <div id="u1363_text" class="text ">
                    <p><span>xxx资料卡</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u1364" class="ax_default" data-label="选中边框" data-left="132" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u1365" class="ax_default box_1">
                  <img id="u1365_img" class="img " src="images/背包/u1358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1366" class="ax_default box_3">
                  <div id="u1366_div" class=""></div>
                  <div id="u1366_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品3 (组合) -->
            <div id="u1367" class="ax_default" data-label="商品3" selectiongroup="资料卡物品" data-left="254" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u1368" class="ax_default" data-label="图片" data-left="254" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u1369" class="ax_default _图片1">
                  <img id="u1369_img" class="img " src="images/商城/u527.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1370" class="ax_default box_3">
                  <img id="u1370_img" class="img " src="images/背包/u1356.png"/>
                  <div id="u1370_text" class="text ">
                    <p><span>xxx资料卡</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u1371" class="ax_default" data-label="选中边框" data-left="254" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u1372" class="ax_default box_1">
                  <img id="u1372_img" class="img " src="images/背包/u1358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1373" class="ax_default box_3">
                  <div id="u1373_div" class=""></div>
                  <div id="u1373_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品4 (组合) -->
            <div id="u1374" class="ax_default" data-label="商品4" selectiongroup="资料卡物品" data-left="10" data-top="144" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u1375" class="ax_default" data-label="图片" data-left="10" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u1376" class="ax_default _图片1">
                  <img id="u1376_img" class="img " src="images/商城/u527.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1377" class="ax_default box_3">
                  <img id="u1377_img" class="img " src="images/背包/u1356.png"/>
                  <div id="u1377_text" class="text ">
                    <p><span>xxx资料卡</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u1378" class="ax_default" data-label="选中边框" data-left="10" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u1379" class="ax_default box_1">
                  <img id="u1379_img" class="img " src="images/背包/u1358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1380" class="ax_default box_3">
                  <div id="u1380_div" class=""></div>
                  <div id="u1380_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品5 (组合) -->
            <div id="u1381" class="ax_default" data-label="商品5" selectiongroup="资料卡物品" data-left="132" data-top="144" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u1382" class="ax_default" data-label="图片" data-left="132" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u1383" class="ax_default _图片1">
                  <img id="u1383_img" class="img " src="images/商城/u527.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1384" class="ax_default box_3">
                  <img id="u1384_img" class="img " src="images/背包/u1356.png"/>
                  <div id="u1384_text" class="text ">
                    <p><span>xxx资料卡</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u1385" class="ax_default" data-label="选中边框" data-left="132" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u1386" class="ax_default box_1">
                  <img id="u1386_img" class="img " src="images/背包/u1358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1387" class="ax_default box_3">
                  <div id="u1387_div" class=""></div>
                  <div id="u1387_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u1351_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u1351_state1_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u1388" class="ax_default box_1">
              <div id="u1388_div" class=""></div>
            </div>

            <!-- 商品1 (组合) -->
            <div id="u1389" class="ax_default" data-label="商品1" selectiongroup="头像框物品" data-left="10" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u1390" class="ax_default" data-label="图片" data-left="10" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u1391" class="ax_default _图片1">
                  <img id="u1391_img" class="img " src="images/商城/u527.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1392" class="ax_default box_3">
                  <img id="u1392_img" class="img " src="images/背包/u1356.png"/>
                  <div id="u1392_text" class="text ">
                    <p><span>xxx头像框</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u1393" class="ax_default" data-label="选中边框" data-left="10" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u1394" class="ax_default box_1">
                  <img id="u1394_img" class="img " src="images/背包/u1358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1395" class="ax_default box_3">
                  <div id="u1395_div" class=""></div>
                  <div id="u1395_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品2 (组合) -->
            <div id="u1396" class="ax_default" data-label="商品2" selectiongroup="头像框物品" data-left="132" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u1397" class="ax_default" data-label="图片" data-left="132" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u1398" class="ax_default _图片1">
                  <img id="u1398_img" class="img " src="images/商城/u527.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1399" class="ax_default box_3">
                  <img id="u1399_img" class="img " src="images/背包/u1356.png"/>
                  <div id="u1399_text" class="text ">
                    <p><span>xxx头像框</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u1400" class="ax_default" data-label="选中边框" data-left="132" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u1401" class="ax_default box_1">
                  <img id="u1401_img" class="img " src="images/背包/u1358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1402" class="ax_default box_3">
                  <div id="u1402_div" class=""></div>
                  <div id="u1402_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品3 (组合) -->
            <div id="u1403" class="ax_default" data-label="商品3" selectiongroup="头像框物品" data-left="254" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u1404" class="ax_default" data-label="图片" data-left="254" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u1405" class="ax_default _图片1">
                  <img id="u1405_img" class="img " src="images/商城/u527.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1406" class="ax_default box_3">
                  <img id="u1406_img" class="img " src="images/背包/u1356.png"/>
                  <div id="u1406_text" class="text ">
                    <p><span>xxx头像框</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u1407" class="ax_default" data-label="选中边框" data-left="254" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u1408" class="ax_default box_1">
                  <img id="u1408_img" class="img " src="images/背包/u1358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1409" class="ax_default box_3">
                  <div id="u1409_div" class=""></div>
                  <div id="u1409_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品4 (组合) -->
            <div id="u1410" class="ax_default" data-label="商品4" selectiongroup="头像框物品" data-left="10" data-top="144" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u1411" class="ax_default" data-label="图片" data-left="10" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u1412" class="ax_default _图片1">
                  <img id="u1412_img" class="img " src="images/商城/u527.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1413" class="ax_default box_3">
                  <img id="u1413_img" class="img " src="images/背包/u1356.png"/>
                  <div id="u1413_text" class="text ">
                    <p><span>xxx头像框</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u1414" class="ax_default" data-label="选中边框" data-left="10" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u1415" class="ax_default box_1">
                  <img id="u1415_img" class="img " src="images/背包/u1358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1416" class="ax_default box_3">
                  <div id="u1416_div" class=""></div>
                  <div id="u1416_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u1351_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u1351_state2_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u1417" class="ax_default box_1">
              <div id="u1417_div" class=""></div>
            </div>

            <!-- 商品1 (组合) -->
            <div id="u1418" class="ax_default" data-label="商品1" selectiongroup="麦克风物品" data-left="10" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u1419" class="ax_default" data-label="图片" data-left="10" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u1420" class="ax_default _图片1">
                  <img id="u1420_img" class="img " src="images/商城/u527.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1421" class="ax_default box_3">
                  <img id="u1421_img" class="img " src="images/背包/u1356.png"/>
                  <div id="u1421_text" class="text ">
                    <p><span>xxx麦克风</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u1422" class="ax_default" data-label="选中边框" data-left="10" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u1423" class="ax_default box_1">
                  <img id="u1423_img" class="img " src="images/背包/u1358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1424" class="ax_default box_3">
                  <div id="u1424_div" class=""></div>
                  <div id="u1424_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品1 (组合) -->
            <div id="u1425" class="ax_default" data-label="商品1" selectiongroup="麦克风物品" data-left="132" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u1426" class="ax_default" data-label="图片" data-left="132" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u1427" class="ax_default _图片1">
                  <img id="u1427_img" class="img " src="images/商城/u527.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1428" class="ax_default box_3">
                  <img id="u1428_img" class="img " src="images/背包/u1356.png"/>
                  <div id="u1428_text" class="text ">
                    <p><span>xxx麦克风</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u1429" class="ax_default" data-label="选中边框" data-left="132" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u1430" class="ax_default box_1">
                  <img id="u1430_img" class="img " src="images/背包/u1358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1431" class="ax_default box_3">
                  <div id="u1431_div" class=""></div>
                  <div id="u1431_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品1 (组合) -->
            <div id="u1432" class="ax_default" data-label="商品1" selectiongroup="麦克风物品" data-left="254" data-top="16" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u1433" class="ax_default" data-label="图片" data-left="254" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u1434" class="ax_default _图片1">
                  <img id="u1434_img" class="img " src="images/商城/u527.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1435" class="ax_default box_3">
                  <img id="u1435_img" class="img " src="images/背包/u1356.png"/>
                  <div id="u1435_text" class="text ">
                    <p><span>xxx麦克风</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u1436" class="ax_default" data-label="选中边框" data-left="254" data-top="16" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u1437" class="ax_default box_1">
                  <img id="u1437_img" class="img " src="images/背包/u1358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1438" class="ax_default box_3">
                  <div id="u1438_div" class=""></div>
                  <div id="u1438_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 商品1 (组合) -->
            <div id="u1439" class="ax_default" data-label="商品1" selectiongroup="麦克风物品" data-left="10" data-top="144" data-width="110" data-height="110">

              <!-- 图片 (组合) -->
              <div id="u1440" class="ax_default" data-label="图片" data-left="10" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (图片) -->
                <div id="u1441" class="ax_default _图片1">
                  <img id="u1441_img" class="img " src="images/商城/u527.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1442" class="ax_default box_3">
                  <img id="u1442_img" class="img " src="images/背包/u1356.png"/>
                  <div id="u1442_text" class="text ">
                    <p><span>xxx麦克风</span></p>
                  </div>
                </div>
              </div>

              <!-- 选中边框 (组合) -->
              <div id="u1443" class="ax_default" data-label="选中边框" data-left="10" data-top="144" data-width="110" data-height="110">

                <!-- Unnamed (矩形) -->
                <div id="u1444" class="ax_default box_1">
                  <img id="u1444_img" class="img " src="images/背包/u1358.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1445" class="ax_default box_3">
                  <div id="u1445_div" class=""></div>
                  <div id="u1445_text" class="text ">
                    <p><span>装扮中</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u1351_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u1351_state3_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u1446" class="ax_default box_1">
              <div id="u1446_div" class=""></div>
            </div>

            <!-- 经验卡图片与价格 (组合) -->
            <div id="u1447" class="ax_default" data-label="经验卡图片与价格" selectiongroup="其他道具物品" data-left="10" data-top="16" data-width="110" data-height="110">

              <!-- Unnamed (矩形) -->
              <div id="u1448" class="ax_default box_3">
                <div id="u1448_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u1449" class="ax_default box_3">
                <div id="u1449_div" class=""></div>
                <div id="u1449_text" class="text ">
                  <p><span>双倍经验卡</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u1450" class="ax_default" data-left="19" data-top="16" data-width="101" data-height="66">

                <!-- Unnamed (矩形) -->
                <div id="u1451" class="ax_default box_3">
                  <div id="u1451_div" class=""></div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1452" class="ax_default box_2">
                  <div id="u1452_div" class=""></div>
                  <div id="u1452_text" class="text ">
                    <p><span>EXP</span></p>
                  </div>
                </div>

                <!-- Unnamed (六边形) -->
                <div id="u1453" class="ax_default sticky_1">
                  <img id="u1453_img" class="img " src="images/商城/u1033.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1454" class="ax_default label">
                  <div id="u1454_div" class=""></div>
                  <div id="u1454_text" class="text ">
                    <p><span>1局</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1455" class="ax_default box_3">
                  <div id="u1455_div" class=""></div>
                  <div id="u1455_text" class="text ">
                    <p><span>x1</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 金币卡图片与价格 (组合) -->
            <div id="u1456" class="ax_default" data-label="金币卡图片与价格" selectiongroup="其他道具物品" data-left="132" data-top="16" data-width="110" data-height="110">

              <!-- Unnamed (矩形) -->
              <div id="u1457" class="ax_default box_3">
                <div id="u1457_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u1458" class="ax_default box_3">
                <div id="u1458_div" class=""></div>
                <div id="u1458_text" class="text ">
                  <p><span>双倍金币卡</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u1459" class="ax_default" data-left="141" data-top="16" data-width="101" data-height="65">

                <!-- Unnamed (矩形) -->
                <div id="u1460" class="ax_default box_3">
                  <div id="u1460_div" class=""></div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1461" class="ax_default box_2">
                  <div id="u1461_div" class=""></div>
                </div>

                <!-- Unnamed (六边形) -->
                <div id="u1462" class="ax_default sticky_1">
                  <img id="u1462_img" class="img " src="images/商城/u1033.png"/>
                </div>

                <!-- Unnamed (图片) -->
                <div id="u1463" class="ax_default _图片1">
                  <img id="u1463_img" class="img " src="images/商城/u530.png"/>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1464" class="ax_default label">
                  <div id="u1464_div" class=""></div>
                  <div id="u1464_text" class="text ">
                    <p><span>1局</span></p>
                  </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u1465" class="ax_default box_3">
                  <div id="u1465_div" class=""></div>
                  <div id="u1465_text" class="text ">
                    <p><span>x1</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- 锦囊图片与价格 (组合) -->
            <div id="u1466" class="ax_default" data-label="锦囊图片与价格" selectiongroup="其他道具物品" data-left="254" data-top="16" data-width="110" data-height="110">

              <!-- Unnamed (矩形) -->
              <div id="u1467" class="ax_default box_3">
                <div id="u1467_div" class=""></div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u1468" class="ax_default box_3">
                <div id="u1468_div" class=""></div>
                <div id="u1468_text" class="text ">
                  <p><span>锦囊线索</span></p>
                </div>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u1469" class="ax_default _图片1">
                <img id="u1469_img" class="img " src="images/商城/u1093.png"/>
              </div>

              <!-- Unnamed (椭圆形) -->
              <div id="u1470" class="ax_default marker">
                <img id="u1470_img" class="img " src="images/商城/u1094.png"/>
                <div id="u1470_text" class="text ">
                  <p><span>锦</span></p>
                </div>
              </div>

              <!-- Unnamed (六边形) -->
              <div id="u1471" class="ax_default sticky_1">
                <img id="u1471_img" class="img " src="images/商城/u1033.png"/>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u1472" class="ax_default label">
                <div id="u1472_div" class=""></div>
                <div id="u1472_text" class="text ">
                  <p><span>x10</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u1473" class="ax_default box_3">
                <div id="u1473_div" class=""></div>
                <div id="u1473_text" class="text ">
                  <p><span>x1</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u1474" class="ax_default ax_default_hidden" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

              <!-- Unnamed (矩形) -->
              <div id="u1475" class="ax_default box_3">
                <div id="u1475_div" class=""></div>
                <div id="u1475_text" class="text ">
                  <p><span>确认要使用该道具吗</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u1476" class="ax_default box_3">
                <div id="u1476_div" class=""></div>
                <div id="u1476_text" class="text ">
                  <p><span>确定</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u1477" class="ax_default box_3">
                <div id="u1477_div" class=""></div>
                <div id="u1477_text" class="text ">
                  <p><span>取消</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 黑屏 (矩形) -->
      <div id="u1478" class="ax_default box_3 ax_default_hidden" data-label="黑屏" style="display:none; visibility: hidden">
        <div id="u1478_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1479" class="ax_default _一级标题">
        <div id="u1479_div" class=""></div>
        <div id="u1479_text" class="text ">
          <p><span>商城-背包页面交互逻辑</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1480" class="ax_default box_1">
        <img id="u1480_img" class="img " src="images/背包/u1480.png"/>
        <div id="u1480_text" class="text ">
          <p><span>1. 打开【背包】页面，菜单导航默认选中“资料卡”且显示“资料卡”对应的动态页面</span></p><p><span><br></span></p><p><span>2. 点击菜单导航的“资料卡”、“头像框”、“麦克风”、“其他道具分别显示相应的动态页面，动态面板中显示用户已获得的物品</span></p><p><span><br></span></p><p><span>3. 在“资料卡”、“头像框”、“麦克风”的动态页面下点击相关物品显示“装扮中”的选中状态</span></p><p><span><br></span></p><p><span>4.在“其他道具”的动态页面下点击相关物品弹出“确定使用该道具吗”的提示框及“取消”和“确定”选项，点击“取消”关闭提示框，点击“确定”则使用该道具</span></p><p><span><br></span></p><p><span>5.点击“&lt;”图标返回【商城】页面</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
